<template>
<view class="page">
<p class="welcome">欢迎使用~</p >
<p class="register-title">用户注册</p >
<view class="register-form">
<view class="form-item">
<view class="form-title">
#手机号
</view>
<input type="text" placeholder="请输入手机号"/>
</view>
<view class="form-item">
<view class="form-title">
#密码
</view>
<input type="password" placeholder="请输入密码"/>
</view>
<view class="form-item">
<view class="form-title">
#确认密码
</view>
<input type="password" placeholder="请确认密码"/>
</view>
</view>
<view class="register-btn">
注册
</view>
</view>

</template>

<script>
export default {
data() {
return {

}
},
methods: {

}
}
</script>

<style lang="scss" scoped>
.page{
background:linear-gradient(#B2D0EC,#FBFCFE);
width:100%;
height: 100vh;
.welcome{
font-size: 36rpx;
font-weight: bold;
width: 100%;
height: 40rpx;
line-height: 40rpx;
// background-color: pink;
padding-left: 15rpx;
}
.register-title{
font-size: 34rpx;
font-weight: bold;
width: 100%;
height:40rpx;
line-height: 40rpx;
padding-left: 15rpx;
margin: 50rpx 0 50rpx 0;
}
.register-form{
width: 80%;
height: 500rpx;
margin: 0 auto;
background-color: #fff;
padding: 20rpx;
border-radius: 10rpx;
.form-item{
height: 100rpx;
// background-color: pink;
margin: 40rpx 0;
.form-title{
margin-bottom: 10rpx;
}
input{
padding-left: 5rpx;
border-bottom: 1px solid #EAEFF3;
}
}
}
.register-btn{
width: 85%;
height: 80rpx;
line-height: 80rpx;
text-align: center;
background-color: #A7C5FB;
margin: 80rpx auto 0;
border-radius: 80rpx;
}

}

</style>